<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>『OPPO帐号』-登录</title>
		<meta name="keywords" content=" OPPO帐号,登录,注册,找回密码,OPPO账号,OPPO会员">
		<meta name="description" content="登录OPPO帐号，可以在OPPO官网、社区、软件商店、游戏中心、主题商店等享受更多功能服务。 ">
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<link rel="shortcut icon" href="./img/favicon.ico"/>
	</head>
	<body>
		<div class="wrapper">
			<header>
				<div class="nav">
					<ul>
						<li><a href="index.html">OPPO官网</a></li>
						<li><a href="">OPPO社区</a></li>
						<li><a href="">ColorOS</a></li>
					</ul>
				</div>
			</header>
			<section>
				<div class="main">
					<div class="login_header">
						<div class="logo"></div>
						<h3>登录OPPO帐号可享受更多的服务</h3>
					</div>
					<!--登录框-->
					<form action="" method="post">
						<div class="input_area">
							<input type="text" name="" id="" placeholder="请输入手机号码/邮箱" />
						</div>
						<div class="input_area">
							<input type="password" name="" id="" placeholder="请输入密码" />
						</div>
						<div class="forget">
							<a href="">忘记密码</a>
						</div>
						<input class="button" type="submit" name="" id="" value="登录" />
						<input class="button" type="button" name="" id="" value="注册OPPO帐号" />
						<!--其他登录方式-->
						<div class="other_login">
							<p><span>&nbsp;其它方式登录&nbsp;</span></p>
							<div class="photo_link">
								<a href=""><img src="img/qq.jpg"/></a>
								<a href=""><img src="img/wb.jpg"/></a>
								<a href=""><img src="img/alipay.jpg"/></a>
								<a href=""><img src="img/wx.jpg"/></a>
							</div>
						</div>
					</form>	
				</div>
			</section>
			<footer>
				<p>© 2005 - 2017 OPPO 版权所有 粤ICP备14056724号-2 联系方式：4001-666-888</p>
			</footer>
		</div>
	</body>
</html>
